<style lang="less">
  .sign-off-error-record{

  }
</style>
<template>
  <el-dialog class="sign-off-error-record"
    title="异常记录"
    :visible.sync="errorSignOffDialogVisible"
    size="tiny">
    <el-row class="error_title">
      <el-col :span="12">
        <div>订单号：{{orderNumber}}</div>
      </el-col>
      <el-col :span="12">
        <div>异常已累计{{errorNum}}次</div>
      </el-col>
    </el-row>
    <el-row v-for="(item,index) in signOffErrors" :key="index">
      <el-col>
        <el-row style="padding: 10px 0px">
          <el-col :span="12">{{index+1}}、登记人: {{item.register}}</el-col>
          <el-col :span="12">登记时间: {{item.registerTime}}</el-col>
        </el-row>
        <el-row>
          <div style="padding: 15px;background-color: #D4EEFF"><label style="padding-left: 10px">{{item.description}}</label></div>
        </el-row>
      </el-col>
    </el-row>
  </el-dialog>
</template>

<script>
export default {
  name: 'SignOffErrorRecord',
  componentName: 'SignOffErrorRecord',
  data () {
    return {
      errorSignOffDialogVisible: false,
      orderNumber: null,
      errorNum: null,
      signOffErrors: []
    };
  },
  methods: {
    show (orderNumber, errorNum, signOffErrors) {
      this.signOffErrors = signOffErrors;
      this.orderNumber = orderNumber;
      this.errorNum = errorNum;
      this.errorSignOffDialogVisible = true;
    }
  }
};
</script>
